﻿<%@ Page Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Belts.aspx.cs" Inherits="Belts" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
    <link href="../Styles/screen.css" rel="stylesheet" type="text/css" media="screen" /> 
    <style type="text/css">

    </style>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript">

    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    <asp:SqlDataSource ID="sdsDB" 
        ConnectionString="<%$ connectionStrings: AccessConnectionDB %>" 
        ProviderName="<%$ connectionStrings:AccessConnectionDB.ProviderName %>"
        SelectCommand="SELECT * FROM Product WHERE CAT_NAME='Belts'" 
        runat="server" />
    <div style="float:left; z-index:100; position:relative; left:-22px;">
        <asp:Menu ID="subMenu" Orientation="Vertical" CssClass="PageMenu" runat="server">
            <Items>
                <asp:MenuItem NavigateUrl="Jewelry.aspx" Text="Jewelry">
                    <asp:MenuItem NavigateUrl="Earrings.aspx" Text="Earrings" />
                    <asp:MenuItem NavigateUrl="Bracelets.aspx" Text="Bracelets" />
                    <asp:MenuItem NavigateUrl="Necklaces.aspx" Text="Necklaces" />
                </asp:MenuItem>
                <asp:MenuItem NavigateUrl="LegWear.aspx" Text="Leg Wear" />
                <asp:MenuItem NavigateUrl="Hats.aspx" Text="Hats" />
                <asp:MenuItem NavigateUrl="Belts.aspx" Text="Belts" />
                <asp:MenuItem NavigateUrl="HairAccessories.aspx" Text="Hair Decor" />
                <asp:MenuItem NavigateUrl="Boots.aspx" Text="Boots" />
            </Items>
        </asp:Menu>
    </div>

    <div>
        <asp:DataList ID="dl" DataSourceID="sdsDB" ItemStyle-VerticalAlign="Top" 
            CellSpacing="0" RepeatColumns="3" RepeatDirection="Horizontal" Width="600px" 
            HeaderStyle-BorderStyle="None" ItemStyle-BorderStyle="Solid" ItemStyle-BorderColor="maroon"
            runat="server">
            <HeaderTemplate>
                <asp:Label ID="Label3" Font-Bold="true" Font-Size="XX-Large" ForeColor="#800000" Text="Belts" runat="server"></asp:Label>
            </HeaderTemplate>
            <ItemTemplate>
                <asp:ImageButton ID="ImageButton1" ImageUrl='<%#Eval("PD_IMG") %>' OnCommand="View_Details" CommandName='<%#Eval("PD_ID") %>' Width="200px" Height="200px" AlternateText='<%#Eval("PD_NAME")%>' runat="server" />
                <asp:Label ID="Label1" Text='<%#Eval("PD_NAME") %>' runat="server"></asp:Label><br />
                <asp:Label ID="Label2" Text='<%# String.Format("{0:C}", Eval("PD_PRICE")) %>' runat="server"></asp:Label><br />
            </ItemTemplate>
        </asp:DataList>
    </div>

</asp:Content>
